The Basics


<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>




</BODY>
</HTML>





How do you put text next to a picture?

Glad you asked!

The code is:
<IMG SRC=" " ALIGN=" " WIDTH=" " HEIGHT=" " ALT=" ">

The important part is the ALIGN=" ". You can use "TOP" "MIDDLE" or "BOTTOM". Your text will be to the top, in the middle or even with the bottom of the graphic.

Book pictureBy using "TOP" this is what you get

Book pictureSo what I type is now in the "MIDDLE" of the graphic


And what I type is now even with the "BOTTOM" of the graphicBook picture


Pretty neat trick. If you continue to type, the text will "wrap" next to the graphic. If you just want one or two lines of text next to the graphic and the rest "under" the graphic, use this:
<BR CLEAR="all">.

In order to get the graphic in the middle of the page, I put the graphic and text in between the
<CENTER></CENTER> tags.

To get the text on the left side of the graphic, type your text and then insert the graphic. To get the text on the right side of the graphic, insert the graphic and then type your text.

Lesson 1 Lesson 2 Lesson 3 Lesson 4 Lesson 6 Lesson 7 Lesson 8